<template>
  <!-- 娱乐 -->
  <div class="center-wrap" id="bili_ent">
    <div class="space-between">
      <div class="ent-left">
        <StoreyTitle :title="title">
          <svg slot="svg" t="1595056563006" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
            p-id="4192" width="200" height="200">
            <path d="M132 945.5l-55.6-55.6c-17.2-17.2-17.2-45.3 0-62.5L509.8 394c17.2-17.2 45.3-17.2 62.5 0l55.6 55.6c17.2 17.2 17.2 45.3 0 62.5L194.5 945.5c-17.2 17.1-45.3 17.1-62.5 0z"
              fill="#FF8693" p-id="4193"></path>
            <path d="M352.4 551.5l157.4-157.4c17.2-17.2 45.3-17.2 62.5 0l55.6 55.6c17.2 17.2 17.2 45.3 0 62.5L469.7 670.3 352.4 551.5z"
              fill="#FC6376" p-id="4194"></path>
            <path d="M322.3 779.7L241 698.3c-8.6-8.6-8.6-22.6 0-31.2 8.6-8.6 22.6-8.6 31.2 0l81.4 81.3c8.6 8.6 8.6 22.6 0 31.2-8.6 8.6-22.7 8.6-31.3 0.1z"
              fill="#FFA9B1" p-id="4195"></path>
            <path d="M787.7 501.1c0.3-1.1 1.4-2.2 2.4-2.4l167.8-45c1.1-0.3 1.3-1.2 0.5-1.9L835.7 328.9c-0.8-0.8-1.2-2.3-0.9-3.3l48.7-181.8c0.3-1.1-0.4-1.7-1.4-1.4L700.2 191c-1.1 0.3-2.6-0.1-3.3-0.9L574 67.3c-0.8-0.8-1.6-0.5-1.9 0.5l-45 167.8c-0.3 1.1-1.4 2.2-2.4 2.4l-167.8 45c-1.1 0.3-1.3 1.2-0.5 1.9l122.9 122.9c0.8 0.8 1.2 2.3 0.9 3.3L431.4 593c-0.3 1.1 0.4 1.7 1.4 1.4l181.8-48.7c1.1-0.3 2.6 0.1 3.3 0.9l122.9 122.9c0.8 0.8 1.6 0.5 1.9-0.5l45-167.9z"
              fill="#FDDE80" p-id="4196"></path>
            <path d="M943.9 406.8l-85.7-85.7 35.1-131c5-18.8 1.4-36.1-10-47.5-11.4-11.4-28.7-15.1-47.5-10l-131.1 35.1L619 81.9c-13.8-13.8-30.6-19.3-46.1-15.1-15.6 4.2-27.4 17.3-32.4 36.1L509.1 220 392 251.4c-18.8 5-32 16.9-36.1 32.4-4.2 15.6 1.3 32.4 15.1 46.1l85.7 85.7-35.1 131.1c-5 18.8-1.4 36.1 10 47.5 8 8 19 12.2 31.4 12.2 5.2 0 10.6-0.7 16.1-2.2l131.1-35.1 85.7 85.7c10.7 10.7 23.3 16.4 35.8 16.4 3.5 0 7-0.5 10.4-1.4 15.6-4.2 27.4-17.3 32.4-36.1l31.4-117.1L923 485.2c18.8-5 31.9-16.8 36.1-32.4 4.1-15.4-1.4-32.3-15.2-46z m-97-232.9c3.1-0.8 5-0.8 5.7-1.1 0.1 1 0.1 2.9-0.7 6L823.2 286l-83.4-83.4 107.1-28.7z m-36.6 160l-39.6 147.8L623 521.3 504.5 402.8 544.1 255l147.8-39.6 118.4 118.5zM581.9 114.1c0.8-3.1 1.8-4.8 1.9-5.4 0.9 0.4 2.5 1.3 4.8 3.6l68.2 68.2-99.8 26.7 24.9-93.1zM401.3 299.6c-2.3-2.3-3.2-4-3.8-4.4 0.8-0.6 2.5-1.6 5.6-2.4l93.1-25-26.8 99.9-68.1-68.1z m66.6 263.2c-3.1 0.8-5 0.8-5.7 1.1-0.1-1-0.1-2.9 0.7-6l28.7-107.1 83.4 83.4-107.1 28.6z m265 59.9c-0.8 3.1-1.8 4.8-1.9 5.4-0.9-0.4-2.6-1.3-4.9-3.6L658 556.3l99.9-26.8-25 93.2z m178.8-178.8l-93.1 25 26.8-99.9 68.2 68.2c2.3 2.3 3.2 4 3.8 4.4-0.9 0.5-2.5 1.4-5.7 2.3z"
              fill="#FCC029" p-id="4197"></path>
          </svg>
        </StoreyTitle>
        <VideoPreview :videolist="videolist" :classname="classname"></VideoPreview>
      </div>
      <RankList :ranklist="ranklist"></RankList>
    </div>
  </div>
</template>

<script>
  import StoreyTitle from '../public/StoreyTitle.vue'
  import VideoPreview from '../public/VideoPreview.vue'
  import RankList from '../public/RankList.vue'
  export default {
    name: 'DanceList',
    components: {
      StoreyTitle,
      VideoPreview,
      RankList
    },
    data() {
      return {
        title: '娱乐',
        classname: 'Entertainment-box',
        videolist: [{
            img: require('../../assets/img/douga_4k.jpg'),
            bg: require('../../assets/img/douga_4k1.jpg'),
            bgnum: '28',
            title: '全b站第一个4K蒸汽波！𝓼𝓾𝓶𝓶𝓮𝓻 𝓵𝓸𝓿𝓮🍭💗',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown: require('../../assets/img/icon_gold.png'),
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/dynamiclist_lwdgz.jpg'),
            bg: require('../../assets/img/dynamic_lwdgz1.jpg'),
            bgnum: '28',
            title: '龙王的工作',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown: require('../../assets/img/icon_gold.png'),
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/dynamic_almls.jpg'),
            bg: require('../../assets/img/dynamic_almls1.jpg'),
            bgnum: '28',
            title: '【4月】埃罗芒阿老师 02【独家正版】',
            time: '23:41',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown: require('../../assets/img/icon_silver.png'),
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/dynamic_jojo.jpg'),
            bg: require('../../assets/img/dynamic_jojo1.jpg'),
            bgnum: '28',
            title: '【10月】JOJO的奇妙冒险 黄金之风 23【独家正版】',
            time: '24:01',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/dynamic_gmzr.jpg'),
            bg: require('../../assets/img/dynamic_gmzr1.jpg'),
            bgnum: '28',
            title: '【4月】鬼灭之刃 19【独家正版】',
            time: '23:46',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/dynamic_hydxj.jpg'),
            bg: require('../../assets/img/dynamic_hydxj1.jpg'),
            bgnum: '28',
            title: '【4月/完结】辉夜大小姐想让我告白？～天才们的恋爱头脑战～  12【独家正版】',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown: require('../../assets/img/icon_gold.png'),
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/extension_img1.jpg'),
            bg: require('../../assets/img/extension1_img1.jpg'),
            bgnum: '28',
            title: '你不要过来啊！',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown: require('../../assets/img/icon_silver.png'),
            count1: '390.7万',
            count2: '56.6万'
          },
          {
            img: require('../../assets/img/douga_jjdjr.jpg'),
            bg: require('../../assets/img/douga_jjdjr1.jpg'),
            bgnum: '28',
            title: '你不要过来啊！',
            time: '02:21',
            name: '一个人的世界',
            list: ['哈哈哈', '我不做人啦，会长！！！', 're0必须要有排面！', '哎哟卧槽', '我知道我的头即将要被笑飞了', '封面选的好，绅士少不了', '我笑死了你有什么好处？',
              '如果沙雕有颜色一定是蓝色的', '这个封面我好像在哪里见过', '全是我的老婆', '你币有了', '绅士们相见即是缘分', '女朋友就是这样被你打坏的'
            ],
            crown: require('../../assets/img/icon_gold.png'),
            count1: '390.7万',
            count2: '56.6万'
          },
        ],
        ranklist: [{
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '这样骂够吗？(200w粉纪念)',
            intro: '193.6万',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '忍 者 的 时 代 结 束 了',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '全家被蚊子咬后，就开始疯狂想吃鲜血《迷雾岛·下》',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '刘备：诸葛村夫你是准备三气刘备了吗？',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '【进击的巨人】女王怀孕真正的目的是什么？地鸣灭世只是艾伦计划的开始！？巨人牛b！【他她漫漫聊】',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '七月最奇葩新番，史上最强男人？这我表示非常喜欢',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '铃兰不来我岛的原因',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '「京都动画」因为遇见了你，我的人生才充满色彩！',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '【明日方舟动画】啪嗒啪嗒注意啦！',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
          {
            img: require('../../assets/img/rank_nzm.jpg'),
            title: '扳机社早期驯服jojo原作珍贵影像资料',
            playnum: '95.6',
            comment: '1.0万',
            store: '6.2万',
            coin: '10.3万',
            name: '一个人的世界',
            time: '2020-07-16'
          },
        ]
      }
    },
  }
</script>

<style>
</style>
